/*
* @Author: 21202
* @Date:   2020-04-08 20:27:17
* @Last Modified by:   21202
* @Last Modified time: 2020-04-10 21:08:41
*/
* {
			margin: 0;
			padding: 0;
		}
		ul {
			list-style: none;
		}
		.clearfix:before,.clearfix:after {
			display: table;
			content: "";
		}
		.clearfix:after {
			clear: both;
		}
		.centerbanner {				
			margin: 0 auto;
			width: 1200px;

		}
		a {
			text-decoration: none;
		}
		body {
			background-color: #f3f5f7;
			/* height: 8000px; */
		}


		/* nav导航栏 */
		.nav {
			height: 70px;
			/* background-color: pink; */
			padding-top: 30px;
			/* position: fixed; */

		}
		.nav .nav_in {
			height: 42px;
			width: 1200px;
			/* padding-top: 30px; */
			/* background-color: skyblue; */
			margin: 0 auto 27px auto;
			/* position: fixed; */
			background-color: #f3f5f7;

		}
		.nav_in .logo {
			float: left;
		}
		.nav_in .logo a {
			background:  url(images/logo_03.png) 0 0 no-repeat;
			display: block;
			width: 195px;
			height: 42px;
			text-indent: -999em;

		}
		/* 导航菜单 */
		.nav_in .navbar	{
			float: left;
		}
		.nav_in .navbar li {
			float: left;
			/* width: 100px; */
			height: 42px;
			text-align: center;
			padding: 0 21px;

		}
		.nav_in .navbar li:first-child {
			padding-left: 50px;

		}
		.nav_in .navbar li:last-child {
			padding-right: 34px;
		}
		.navbar li a {
			line-height: 42px;
			color: #050505;
			display: block;
			height: 42px;


		}
		.navbar li a:hover {
			border-bottom: 2px solid #00a4ff;
			color: blue;

		}
		/* 搜索框· */
		.nav_in .search {

			width: 410px;
			height: 42px;
			/* background-color: orange; */
			float: left;
			/* border: 1px solid #00a4ff; */
		}
		.nav_in .search input[type=text] {
			width: 336px;
			height: 38px;
			border: 2px solid #00a4ff;
			color: #cececf;
			padding-left: 20px;
			float: left;
			/* box-sizing: border-box;/* ccs3盒模型 */ */
		}
		.nav_in .search input[type=submit]{
			width: 50px;
			height: 42px;
			background-color: #00a4ff;
			float: left;
			border: 0;
			background: #00a4ff url(images/search_06.png) center center no-repeat;
		}
		/* 个人中心 */
		.nav_in .persion {
			width: 299px;
			height: 42px;
			/* background-color: purple; */
			float: left;
			/* text-align: center; */

		}
		.nav_in .persion a.me {
			line-height: 42px;
			color: #939495;
			width: 94px;
			height: 42px;
			padding-left: 11px;

			display: block;
			float: left;


		}

		.nav_in .persion a.lingdang {
			background:  url(images/lingdang_03.png) center center no-repeat;
			display: block;
			width: 20px;
			height: 42px;
			float: left;
			text-indent: -999em;
		}
		.nav_in .persion div.user{
			padding-left: 30px;
			float: left;
			width: 144px;
			height: 42px;
			/* background-color: red; */
			/* text-align: right; */
		}
		.nav_in .persion .user .icon {
			line-height: 42px;
			display: block;
			height: 42px;
			width: 30px;
			float: left;
			text-indent: -9999em;/* 缩进必须设置宽高才行 */
			background:url(images/head_03.png) center center no-repeat;
			float: left;
		}
		.nav_in .persion .user span {
			line-height: 42px;
			color: #939495 ;
			float: right;

		}
		/* banner部分 */
		div.banner {
			height: 420px;
			background:  url(images/banner1_02.png) center 0 no-repeat;
		}
		.banner .banner_in {
			/* background-color: pink; */
			height: 420px;

		}
		.banner .banner_in .b_left {
			width: 190px;
			height: 420px;
			background-color: rgba(0, 0, 0, 0.3);
			float: left;
		}
		.banner .banner_in .b_left ul {
			padding: 0 20px;
		}
		.banner .banner_in .b_left ul li {
			line-height: 44px;
			font-size: 14px;
			font-family: 'MicrosoftYaHei';


		}
		.b_left ul li a {
			color: #bab8c4;
		}
		.banner .banner_in .b_left ul li a:hover {
			/* float: left; */
			color: #00b4ff;
		}
		.banner .banner_in .b_left ul li a span {
			float: right;
		}
		/* 课程表 */
	    .banner .banner_in .timetable {
	    	width: 228px;
	    	height: 300px;
	    	margin-top: 50px;
	    	background-color: white;
	    	float: right;

	    }
	    .timetable dt {
	    	height: 48px;
	    	background-color: #9bceea;
	    	text-align: center;
	    	line-height: 48px;
	    	font-weight: 700;
	    	font-size: 18px;
	    	color: white;
	    }
	     .timetable dd {
	     	display: block;
	     	height: 43px;
	     	/* width: 228px; */
	     	margin: 0 19px;

	     	padding-top: 15px;
	     	border-bottom: 1px solid #efefef;

	     }
	     .timetable dd h4 {
	     	color: #5a5a5a;

	     }
	     .timetable dd p {
	     	color: #a5a5a5;
	     }
	     .timetable dd:last-child {
	     	height: 38px;
	     	border: 2px solid #88d5ff;
	     	text-align: center;
	     	font-weight: 700;
	     }
	     .timetable dd:last-child a:hover {
	     	color: #88d5ff;
	   
	     }
	     /* 精品推荐 */
	     div.product {
	     	height: 60px;
	     	margin-top: 10px;
	     	/* background-color: pink; */
	     	line-height: 60px;
	     	box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.3);
	     	/* box-shadow:水平阴影 垂直阴影 模糊距离 阴影尺寸 阴影颜色  内/外阴影； */
	     }
	     .product a {
	     	
	     	padding: 0 32px;
	     	border-right: 1px solid #bfbfbf;
	     }
	     .product a:first-child{
	     	color: #42b2ff;
	     }

	     .product a:last-child{
	     	float: right;
	     	border: 0;
	     	color: #42b2ff;
	     }
	     .product a:hover{
	     	color:#42b2ff;
	     }
	     /* 精品推荐2 */
	     .pro2 {
	     	padding-top: 34px;
	     }
	     .pro2 .pro-top {
	     	height: 40px;
	     	width: 1200px;
	     	/* background-color: pink; */
	     	font-size: 14px;

	     }
	     .pro2 .pro-top a {
	     	float: right;
	     	color: #BABABB;
	     	font-size: 12px;
	     	padding-top: 5px;
	     }
	     .pro2 .pro-top a:hover {
	     	
	     	color: blue;
	     }
	     .pro2 .pro-shiping li {
           width: 228px;
           height: 270px;
           background-color: white;
           overflow: hidden;
          
           float: left;
           /* margin-right: 15px; */
           margin: 0 15px 15px 0;
           transition: all 0.5s;
	     }
	     .pro2 .pro-shiping li:hover {/* 加过滤效果 */
	     	/* padding-top: 5px; */
	     	/* padding-top: 5px; */
	     	margin-top: 1px;
	     	 box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
	     }
	     .pro2 .pro-shiping li:nth-child(5n) {
	     	margin-right: 0;
	     }
	     .pro-shiping li h4,
	     .pro-shiping li p {
	     	padding: 0 20px 0 24px;
          
	     }
	     .pro-shiping li h4 {
	     	padding-top: 15px;
	     	padding-bottom: 15px;
	     	line-height: 22px;
	     	font-weight: normal;
	     	font-size: 14px;
	     	color: #454545;
	     }

         .pro-shiping li p {
         	font-size: 12px;
         	color: #b8b8b8;
         }
          .pro-shiping li p span {
          	color: #ffa57b;
          }

          /* 固定广告 */
          img.ad {
          	width: 183px;
          	height: 425px;
          	/* position: fixed; */
          	position: absolute;
          	top: 900px;
          	left: 4px
          }
          /* 编程入门 */
          .pgm1 {
          	padding-top: 24px;
          }
          .pgm1-top {
          	height: 40px;
          	/* background-color: pink; */

          }
          .pgm1-top span {
          	float: left;
          	width: 430px;
          	font-size: 20px;
          	/* font-family: 'Microsoft YaHei'; */
          	color: #686969;
          }
          .pgm1-top a {
          	float: left;
          	padding-right: 72px;
          	font-size: 16px;
          	color: #686969;
          }
         .pgm1-top a.first {
          	color: skyblue;
          }
          .pgm1-top a:last-child {
          	float: right;
          	padding-right: 30px;
          	padding-top: 5px;
          	color: #a5a5a5;
          	font-size: 12px;

          }


          .pgm1-top a:hover {
          	color: blue;
          }
          .pgm1 .pgm1-l {
          	width: 228px;
          	height: 392px;
          	background-color: red;
          	margin-right: 15px;
          	float: left;
          }
          .pgm1 .pgm1-r {
          	width: 957px;
          	height: 392px;
          	/* background-color: skyblue; */
          	float: left;
          }
          .pgm1 .pgm1-r .pgm1-rtop {
          	width: 957px;
          	height: 100px;
          	background-color: pink;
          	margin-bottom: 24px;

          }
          .pgm1 .pgm1-r .pgm1-bottom {
          	width: 957px;
          	height: 268px;
          	/* background-color: purple; */
          }


       .pgm1 .pgm1-r .pgm1-bottom li  {
           width: 228px;
           height: 270px;
           background-color: white;
           overflow: hidden;
           box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
           float: left;
           /* margin-right: 15px; */
           margin: 0 15px 15px 0;
	     }
	     .pgm1-r .pgm1-bottom li:last-child {
	     	margin-right: 0;
	     }
	     .pgm1-r .pgm1-bottom li h4,
	     .pgm1-r .pgm1-bottom li p {
	     	padding: 0 20px 0 24px;
          
	     }
	     .pgm1-r .pgm1-bottom li h4 {
	     	padding-top: 15px;
	     	padding-bottom: 15px;
	     	line-height: 22px;
	     	font-weight: normal;
	     	font-size: 14px;
	     	color: #454545;
	     }

         .pgm1-r .pgm1-bottom li p {
         	font-size: 12px;
         	color: #b8b8b8;
         }
          .pgm1-r .pgm1-bottom li p span {
          	color: #ffa57b;
          }
          /* 牛人推荐 */
          div.gp {
          	padding-top: 25px;
          }
          .gp .gp-top {
          	width: 1200px;	
          	height: 38px;
          	/* background-color: pink; */
          	color: #494949;
          	font-size: 20px;
          }
          .gp .gp-center {
          	height: 320px;
          	width: 1200px;
          	/* background-color: skyblue; */
          }
          .gp .gp-center li {
          	width: 230px;
          	height: 120px;
          	background:  url(images/gp2_03.png) 0 0 no-repeat;
          	overflow: hidden;
          	background-size: cover;
          	padding-top: 200px;
          	float: left;
          	margin-right: 12px;
          	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);

          }
          .gp .gp-center li:last-child {
          	
          	margin-right: 0;
          	float: right;
          }
          .gp-center li .gp-center-id {
          	height: 122px;

          	background-color: rgba(0, 0, 0, 0.3);
          }
          .gp-center li .gp-center-id h4,
          .gp-center li .gp-center-id p {
          	margin: 0 30px 0 24px;
          }
          .gp-center li .gp-center-id h4 {
          	padding-top: 20px;
          	font-size: 18px;
          	color: #e7e8e9;  
          	margin-bottom: 5px;  
          	height: 20px;           	
          	
          }
          li .gp-center-id h4 span {
          	color: #dfdfe1;
          	font-size: 12px;
          }
           li .gp-center-id p {
           	color: #dfdfe1;
          	font-size: 12px;
          	line-height: 20px;
           }
           .gp .gp-b {
/*            	width: 471px; */
           	height: 320px;
           	padding-top: 30px;

           

           }
            .gp .gp-b-l {
            	width: 471px;
            	height: 320px;
            	/* background-color: pink; */
            	float: left;
            	background: red url(images/gp4_06.png) 0 0 no-repeat;

            }
            .gp .gp-b-l h4 {
            	color: #f9e103;
            	font-size: 30px;
            	margin: 98px 0 15px 18px;
            }
            .gp .gp-b-l h4 span {
            	color: white;
            }
            .gp .gp-b-l p {
            	width: 86px;
            	height: 26px;
            	text-align: center;
            	line-height: 26px;
            	border: 1px solid #f9e103;
            	margin-left: 18px;
            }
            .gp .gp-b-l p a {
            	font-size: 13px;
            	color: #f9e103;
            }
            .gp .gp-b-l p a:hover {
            	color: white
            }
            .gp .gp-b-r {
            	height: 320px;
            	/* width: 715px; */
            	/* background-color: red; */
            	float: left;
            	padding-left: 14px;
            }

            .gp .gp-b-r li {
          	width: 230px;
          	height: 120px;
          	background:  url(images/gp2_03.png) 0 0 no-repeat;
          	overflow: hidden;
          	background-size: cover;
          	padding-top: 200px;
          	float: left;
          	margin-right: 12px;
          	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);

          }
          .gp .gp-b-r li:last-child {
          	
          	margin-right: 0;
          	float: right;
          }
          .gp .gp-b-r li .gp-center-id {
          	height: 122px;

          	background-color: rgba(0, 0, 0, 0.3);
          }
          .gp .gp-b-r .gp-center-id h4,
          .gp .gp-b-r li .gp-center-id p {
          	margin: 0 30px 0 24px;
          }
          .gp .gp-b-r li .gp-center-id h4 {
          	padding-top: 20px;
          	font-size: 18px;
          	color: #e7e8e9;  
          	margin-bottom: 5px;  
          	height: 20px;           	
          	
          }
          li .gp-center-id h4 span {
          	color: #dfdfe1;
          	font-size: 12px;
          }
           li .gp-center-id p {
           	color: #dfdfe1;
          	font-size: 12px;
          	line-height: 20px;
           }
           /* 底部 */
           div.footer {
           	height: 272px;
           	background-color: white;
           	margin-top: 100px;
           }
           .footer .footer-in {
				height: 242px;
				/* background-color: pink; */
			    padding-top: 30px;
           }
           .footer .footer-in .in-l {
           	width: 660px;
           	/* height: 272px; */
           	background-color: white;
           	float: left;
           }
           .footer .footer-in .in-l img {
           	width: 196px;
           	height: 42px;

           }
           .footer .footer-in .in-l .app {
           	width: 118px;
           	height: 36px;
           	border: 1px solid #00a4ff;
           	text-align: center;
           	line-height: 36px;
           	/* padding-top: 15px; */
           	margin-top: 15px;

           }
           .footer .footer-in .in-l .app a {          	
           	color: #00a4ff;
           }
           .footer .footer-in .in-l .bah {
           	font-size: 12px;
           	color: #00a4ff;
           	padding-top: 20px;
           	line-height: 18px;
           }
           .footer .in-r {
           	height: 242px;
           	/* background-color: green; */
           	float: left;
           }
           .footer .in-r dl {
           	width: 180px;
           	height: 130px;
           	/* background-color: red; */
           	float: left;
           }
           .footer .in-r dt {
           	font-size: 16px;
           	margin-bottom: 15px;
           	/* float: left; */
           }
           .footer .in-r dd {
           	font-size: 12px;
           	line-height: 20px;
           }
           .footer .in-r dd a:hover {
           	color: #00a4ff;
           }







